<template>
  <div class="cs-page-container">
    <el-tabs type="border-card">
      <el-tab-pane label="聊天记录">
        <IMMessage />
      </el-tab-pane>
      <el-tab-pane label="音视频记录">
        <VideoVoiceRecord ref="VideoVoiceRecord" />
      </el-tab-pane>
      <el-tab-pane label="视频截图">
        <VideoThumb ref="VideoThumb" />
      </el-tab-pane>
      <el-tab-pane label="聊天会话">
        <ImMsgSession />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
<script>
import IMMessage from './components/IMMessage'
import VideoThumb from './components/VideoThumb'
import VideoVoiceRecord from './components/VideoVoiceRecord'
import ImMsgSession from './components/imMsgSession'
export default {
  components: {
    IMMessage,
    VideoThumb,
    VideoVoiceRecord,
    ImMsgSession
  }
}
</script>
